@charset "utf-8";

/**************************************************
		PC
**************************************************/
/* ===== Section ===== */
.section01 {
	margin:0 auto;
	width:1040px;
}

.section01 > .inner {
	margin:0 auto;
	width:800px;
}


/* ===== Title ===== */
.tiMain {
	margin:-45px 0 55px 0;
	background:#f2f2f2;
	font-size:32px;
	font-size:2rem;
	font-weight:normal;
	line-height:1;
}

.tiMain .inner {
	display:block;
	margin:0 auto;
	padding:45px 0;
	width:1040px;
}

.ti01 {
	margin-bottom:25px;
	font-size:32px;
	font-size:2rem;
	line-height:1.4;
}

.ti01 .sub {
	display:block;
	margin-bottom:55px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	font-size:22px;
	font-size:1.38rem;
	text-align:center;
}

.ti01 .sub .icon {
	display:inline-block;
	padding:20px 0 0 0;
	background:transparent none 0 50% no-repeat;
}

#experiment .ti01 .sub .icon {
	padding-left:50px;
	background-image:url("../images/icon_experiment.png");
	background-size:42px auto;
	color:#005ca6;
}

#tips .ti01 .sub .icon {
	padding-left:70px;
	background-image:url("../images/icon_tips.png");
	background-size:60px auto;
	color:#089acc;
}

.ti01 .main {
	display:block;
	margin:0 auto;
	width:800px;
}

.ti02 {
	margin-bottom:25px;
	padding:7px 15px;
	border-left:5px solid #005ca6;
	background:#eee;
	font-size:22px;
	font-size:1.38rem;
	font-weight:bold;
	line-height:1.4;
}

#tips .ti02 { border-left-color:#089acc; }

.ti03 {
	margin-bottom:10px;
	font-size:18px;
	font-size:1.13rem;
	font-weight:bold;
	color:#005ca6;
	line-height:1.6;
}

#tips .ti03 { color:#089acc; }

.ti04 {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #333;
	font-size:22px;
	font-size:1.38rem;
	font-weight:bold;
	line-height:1.4;
}

.ti04 .iconTips {
	display:inline-block;
	padding-left:60px;
	background:transparent url("../images/icon_tips.png") 0 50% no-repeat;
	background-size:48px auto;
	color:#089acc;
}

.ti05 {
	margin-bottom:15px;
	font-size:24px;
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.6;
	text-align:center;
}

.ti06 {
	position:relative;
	margin-bottom:20px;
	padding-left:20px;
	font-size:18px;
	font-size:1.13rem;
	line-height:1.6;
}

.ti06:before {
	position:absolute;
	top:0.4em;
	left:0;
	width:12px;
	height:12px;
	background:#333;
	content:"";
}


/* ===== Paragraph ===== */
#mainArea p {
	font-size:16px;
	font-size:1rem;
	line-height:1.8;
}


/* ===== Icon ===== */
.icon {
	padding-left:10px;
	vertical-align:middle;
}

.iconArrow01 {
	display:inline-block;
	position:relative;
}

.iconArrow01:before {
	display:block;
	position:absolute;
	top:50%;
	left:0;
	background:transparent none 50% 50% no-repeat;
	background-size:contain;
	content:"";
}

.iconArrow01 { padding-left:15px; }
.iconArrow01.large { padding-left:20px; }

.iconArrow01:before {
	margin-top:-5px;
	width:6px;
	height:10px;
	background-image:url("../images/icon_01_black.png");
}

.iconArrow01.white:before { background-image:url("../images/icon_01_white.png"); }
.iconArrow01.large:before { margin-top:-8px; width:10px; height:16px; }


/* ===== Button ===== */
.bt01 {
	display:inline-block;
	padding:13px 10px;
	border:1px solid #d2d2d2;
	border-radius:5px;
	width:250px;
	background-color:#fff;
	background:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.07));
	background:-moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.07));
	background:-ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.07));
	background:-o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.07));
	background:linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.07));
	font-size:14px;
	font-size:0.88rem;
	font-weight:bold;
	line-height:1.5;
	text-decoration:none;
	cursor:pointer;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
}

.bt01:hover { background-color:#f8f8f8; }


/* ===== List ===== */
.listNormal {
	font-size:16px;
	font-size:1rem;
}

.listNormal > li {
	line-height:1.8;
}

.listNormal > dt {
	margin-bottom:10px;
	font-weight:bold;
	line-height:1.8;
}

.listNormal > dd {
	margin-bottom:25px;
	line-height:1.8;
}

.listNormal > dd:last-child { margin-bottom:0; }

.listCaution01,
.listCaution02 {
	font-size:12px;
	font-size:0.75rem;
}

.listCaution01 > dt {
	width:1em;
	line-height:1.8;
}

.listCaution01 > dd {
	margin:-1.8em 0 0 1.5em;
	line-height:1.8;
}

.listCaution02 > dt {
	width:3em;
	line-height:1.8;
}

.listCaution02 > dd {
	margin:-1.8em 0 0 3em;
	line-height:1.8;
}

.listCircle {
	font-size:16px;
	font-size:1rem;
}

.listCircle > li {
	position:relative;
	margin-bottom:5px;
	padding-left:15px;
	line-height:1.8;
}

.listCircle > li:last-child { margin-bottom:0; }

.listCircle > li:before {
	display:block;
	position:absolute;
	top:0.5em;
	left:0;
	border-radius:50%;
	width:10px;
	height:10px;
	background:#005ca6;
	content:"";
}

#tips .listCircle > li:before { background-color:#089acc; }


/* ===== Table ===== */
.table01 {
	width:100%;
	font-size:16px;
	font-size:1rem;
}

.table01 th,
.table01 td {
	padding:7px 20px;
	border:1px solid #089acc;
	line-height:1.8;
}

.table01 th {
	background:#e9f6fb;
	font-weight:bold;
}

.table01 td {
	background:#fff;
}

.table01 thead th,
.table01 thead td {
	background:#005ca6;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

#experiment .table01 th { color:#005ca6; }

#tips .table01 th,
#tips .table01 td { border-color:#089acc; }
#tips .table01 th { background:#e9f6fb; color:#089acc; }

.table02 {
	width:100%;
	font-size:14px;
	font-size:0.88rem;
}

.table02 th,
.table02 td {
	padding:7px 20px;
	border:1px solid #ccc;
	line-height:1.8;
	vertical-align:middle;
}

.table02 th {
	background:#f3faff;
}

.table02 td {
	background:#fff;
}

.table02 thead th,
.table02 thead td {
	font-weight:bold;
	text-align:center;
}

#tips .table02 th,
#tips .table02 td { border-color:#089acc; }
#tips .table02 th { background:#e9f6fb; }


/* ===== Common ===== */
.aboutBox {
	position:relative;
	padding:29px 39px 24px 39px;
	border:1px solid #ccc;
	border-radius:5px;
}

.aboutBox .title {
	position:absolute;
	top:-20px;
	left:-10px;
	padding:10px 10px 10px 25px;
	background:#fff;
	font-size:14px;
	font-size:0.88rem;
	font-weight:bold;
	line-height:1.4;
}

#experiment .aboutBox .title { color:#005ca6; }
#tips .aboutBox .title { color:#089acc; }

.aboutBox .title:before {
	display:block;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-10px;
	border-radius:50%;
	width:20px;
	height:20px;
	background:#333 url("../images/icon_about.png") 50% 50% no-repeat;
	background-size:contain;
	content:"";
}

#experiment .aboutBox .title:before { background-color:#005ca6; }
#tips .aboutBox .title:before { background-color:#089acc; }


.pointBox {
	position:relative;
	padding:35px 30px 30px 30px;
	border-radius:7px;
	border:10px solid #333;
	background:#fff;
}

#experiment .pointBox { border-color:#c1e6f2; }
#tips .pointBox { border-color:#c1e6f2; }

.pointBox .title {
	position:absolute;
	top:-40px;
	left:30px;
}


.experimentBox {
	position:relative;
	padding:40px;
	border-radius:7px;
	background:#eee;
	overflow:hidden;
}

.experimentBox:before {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:100px;
	background:#005ca6 url("../images/icon_experiment_white.png") 14px 14px no-repeat;
	background:url("../images/icon_experiment_white.png") 14px 14px no-repeat, -webkit-linear-gradient(top left, #005ca6, #005ca6 50%, transparent 50%, transparent);
	background:url("../images/icon_experiment_white.png") 14px 14px no-repeat, -moz-linear-gradient(left top, #005ca6, #005ca6 50%, transparent 50%, transparent);
	background:url("../images/icon_experiment_white.png") 14px 14px no-repeat, -ms-linear-gradient(top left, #005ca6, #005ca6 50%, transparent 50%, transparent);
	background:url("../images/icon_experiment_white.png") 14px 14px no-repeat, -o-linear-gradient(top left, #005ca6, #005ca6 50%, transparent 50%, transparent);
	background:url("../images/icon_experiment_white.png") 14px 14px no-repeat, linear-gradient(left top, #005ca6, #005ca6 50%, transparent 50%, transparent);
	background-size:30px auto, auto auto;
	content:"";
}

.experimentBox .title {
	margin-bottom:25px;
	font-size:28px;
	font-size:1.75rem;
	font-weight:bold;
	color:#005ca6;
	line-height:1.4;
	text-align:center;
}


.supervisionBox {
	display:table;
	padding:13px;
	border-radius:7px;
	border:2px solid #333;
	width:100%;
	background:#fff;
}

#experiment .supervisionBox { border-color:#005ca6; }
#tips .supervisionBox { border-color:#089acc; }

.supervisionBox .image {
	display:table-cell;
	border-radius:5px;
	width:100px;
	vertical-align:middle;
	overflow:hidden;
}

.supervisionBox .bg01 {
	display:table-cell;
	padding-left:20px;
	width:300px;
	vertical-align:middle;
}

.supervisionBox .supervision {
	display:block;
	float:left;
	margin-right:13px;
	padding:6px 9px 2px 9px;
	border-radius:30px;
	background:#333;
	font-size:16px;
	font-size:1rem;
	font-weight:bold;
	color:#fff;
	line-height:1;
}

#experiment .supervisionBox .supervision { background-color:#005ca6; }
#tips .supervisionBox .supervision { background-color:#089acc; }

.supervisionBox .name {
	display:block;
	font-size:24px;
	font-size:1.5rem;
	line-height:1.3;
}

.supervisionBox .bg02 {
	display:table-cell;
	padding-left:30px;
	border-left:1px solid #ccc;
	vertical-align:middle;
}

.supervisionBox .position {
	display:block;
	font-size:14px;
	font-size:0.88rem;
	line-height:1.8;
}


.listEntry {
	font-size:12px;
	font-size:0.75rem;
	color:#999;
}

.listEntry > li {
	display:inline-block;
	margin-right:10px;
	line-height:1.8;
}


.listExperiment {
	font-size:18px;
	font-size:1.13rem;
	font-weight:bold;
}

.listExperiment li {
	margin-bottom:30px;
	line-height:1.4;
	box-shadow:4px 4px 15px rgba(0,0,0,0.1);
}

.listExperiment li:last-child { margin-bottom:0; }

.listExperiment li a {
	display:table;
	width:100%;
	background:#fff;
	text-decoration:none;
}

.listExperiment li a:hover { opacity:0.7; }

.listExperiment li .image {
	display:table-cell;
	width:120px;
	vertical-align:middle;
}

.listExperiment li .text {
	display:table-cell;
	padding:10px 40px 10px 20px;
	background:transparent url("../images/icon_01_black.png") 95% 50% no-repeat;
	background-size:6px auto;
	vertical-align:middle;
}


.listTips {
	margin:0 -20px;
	font-size:18px;
	font-size:1.13rem;
	font-weight:bold;
}

.listTips li {
	float:left;
	padding:0 20px;
	width:50%;
	line-height:1.4;
}

.listTips li a {
	display:table;
	padding:20px 0;
	border-bottom:1px solid #ccc;
	width:100%;
	text-decoration:none;
}

.listTips li a:hover { opacity:0.7; }

.listTips li .image {
	display:table-cell;
	width:120px;
	vertical-align:middle;
}

.listTips li .text {
	display:table-cell;
	padding-left:20px;
	vertical-align:middle;
}


.listPress {
	font-size:16px;
	font-size:1rem;
}

.listPress li {
	padding:15px 0;
	border-bottom:1px solid #ccc;
	line-height:1.5;
}

.listPress li a {
	display:block;
	margin:-15px 0;
	padding:15px 0;
	text-decoration:none;
}

.listPress li a:hover { opacity:0.7; }

.listPress li .date {
	display:block;
	margin-bottom:7px;
	font-size:14px;
	font-size:0.88rem;
	color:#999;
}

.listPress li .text {
	display:block;
}

.listPress li a .text {
	padding-left:15px;
	background:transparent url("../images/icon_01_black.png") 0 50% no-repeat;
	background-size:6px auto;
}


.listOthers {
	margin:0 -20px;
	font-size:18px;
	font-size:1.13rem;
}

.listOthers li {
	float:left;
	padding:0 20px;
	width:50%;
	line-height:1.4;
}

.listOthers li a {
	display:table;
	background:#005ca6;
	width:100%;
	text-decoration:none;
	color:#fff;
}

.listOthers li a:hover { opacity:0.7; }

.listOthers li .image {
	display:table-cell;
	width:150px;
	vertical-align:middle;
}

.listOthers li .text {
	display:table-cell;
	padding-left:20px;
	vertical-align:middle;
}


/**************************************************
		SP
**************************************************/
@media screen and (max-width:767px){

/* ===== Section ===== */
.section01 {
	width:auto;
}

.section01 > .inner {
	margin:0 15px;
	width:auto;
}


/* ===== Title ===== */
.tiMain {
	margin:-30px 0 40px 0;
}

.tiMain .inner {
	margin:0 15px;
	padding:40px 0;
	width:auto;
	font-size:22px;
	font-size:1.38rem;
}

.ti01 {
	margin-bottom:15px;
	font-size:22px;
	font-size:1.38rem;
}

.ti01 .sub {
	margin-bottom:35px;
	padding-bottom:10px;
	font-size:18px;
	font-size:1.13rem;
}

.ti01 .sub .icon {
	padding:45px 0 0 0;
	background-position:50% 0;
}

#experiment .ti01 .sub .icon {
	padding-left:0;
	background-size:38px auto;
}

#tips .ti01 .sub .icon {
	padding-left:0;
	background-size:52px auto;
}

.ti01 .main {
	margin:0 15px;
	width:auto;
}

.ti02 {
	margin-bottom:20px;
	padding:7px 7px 7px 11px;
	border-left-width:4px;
	font-size:18px;
	font-size:1.13rem;
}

.ti03 {
	margin-bottom:7px;
	font-size:16px;
	font-size:1rem;
}

.ti03 .bg {
	display:block;
	margin:0 auto;
	padding:7px 10px;
	border:1px solid #333;
	border-radius:30px;
	width:220px;
	font-size:16px;
	font-size:1rem;
	text-align:center
}

#experiment .ti03 .bg { border-color:#005ca6; }
#tips .ti03 .bg { border-color:#089acc; }

.ti04 {
	margin-bottom:10px;
	padding:0 5px 10px 15px;
	border-bottom-color:#ccc;
	font-size:16px;
	font-size:1rem;
}

.ti04 .iconTips {
	padding:1px 0 0 45px;
	background-size:36px auto;
}

.ti05 {
	margin-bottom:15px;
	font-size:18px;
	font-size:1.13rem;
	line-height:1.4;
}

.ti06 {
	margin-bottom:15px;
	padding-left:15px;
	font-size:16px;
	font-size:1rem;
}

.ti06:before {
	width:10px;
	height:10px;
}


/* ===== Paragraph ===== */
#mainArea p {
	font-size:14px;
	font-size:0.88rem;
}


/* ===== Icon ===== */
.icon {
	padding-left:5px;
}

.iconArrow01 { padding-left:15px; }
.iconArrow01.large { padding-left:15px; }

.iconArrow01:before { margin-top:-5px; width:6px; height:10px; }
.iconArrow01.large:before { margin-top:-5px; width:6px; height:10px; }


/* ===== List ===== */
.listNormal {
	font-size:14px;
	font-size:0.88rem;
}

.listCaution01,
.listCaution02 {
	font-size:10px;
	font-size:0.63rem;
}

.listCircle {
	font-size:14px;
	font-size:0.88rem;
}

.listCircle > li {
	margin-bottom:10px;
	padding-left:20px;
}

.listCircle > li:before {
	top:0.45em;
	width:12px;
	height:12px;
}


/* ===== Table ===== */
.table01 {
	font-size:10px;
	font-size:0.63rem;
}

.table01 th,
.table01 td {
	padding:5px 7px;
}

.table02 {
	font-size:10px;
	font-size:0.63rem;
}

.table02 th,
.table02 td {
	padding:5px 9px;
}


/* ===== Common ===== */
.aboutBox {
	padding:20px 14px 14px 14px;
}

.aboutBox .title {
	top:-18px;
	left:-4px;
	padding:10px 10px 10px 20px;
	font-size:12px;
	font-size:0.75rem;
}

.aboutBox .title:before {
	margin-top:-8px;
	width:15px;
	height:15px;
}


.pointBox {
	padding:35px 10px 20px 10px;
	border-width:5px;
}

.pointBox .title {
	top:-40px;
	left:0;
	width:100%;
	text-align:center;
}


.experimentBox {
	padding:17px 10px 10px 10px;
}

.experimentBox:before {
	width:60px;
	height:60px;
	background-position:9px 9px, 0 0;
	background-size:18px auto, auto auto;
}

.experimentBox .title {
	margin-bottom:10px;
	font-size:16px;
	font-size:1rem;
}


.supervisionBox {
	display:block;
	padding:14px;
	border-width:1px;
}

.supervisionBox .image {
	display:block;
	float:left;
	width:32%;
}

.supervisionBox .bg01 {
	display:block;
	float:left;
	margin:-3px 0 10px 0;
	padding-left:15px;
	width:68%;
}

.supervisionBox .supervision {
	display:inline-block;
	float:none;
	margin:0 0 6px 0;
	padding:3px 6px;
	font-size:12px;
	font-size:0.75rem;
}

.supervisionBox .name {
	font-size:16px;
	font-size:1rem;
}

.supervisionBox .bg02 {
	display:block;
	float:left;
	padding-left:15px;
	border-left:0;
	width:68%;
}

.supervisionBox .position {
	font-size:10px;
	font-size:0.63rem;
	line-height:1.6;
}


.listEntry {
	font-size:10px;
	font-size:0.63rem;
}


.listExperiment {
	font-size:14px;
	font-size:0.88rem;
}

.listExperiment li {
	margin-bottom:30px;
	box-shadow:2px 2px 8px rgba(0,0,0,0.1);
}

.listExperiment li:last-child { margin-bottom:0; }

.listExperiment li a {
	display:table;
	width:100%;
	background:#fff;
	text-decoration:none;
}

.listExperiment li a:hover { opacity:1; }

.listExperiment li .image {
	width:90px;
	overflow:hidden;
}

.listExperiment li .image img {
	display:block;
	margin:0 -20px;
	width:130px;
}

.listExperiment li .image .imgSP img { margin:0; width:90px; }

.listExperiment li .text {
	padding:5px 10px;
	background:none;
}


.listTips {
	margin:0;
	font-size:16px;
	font-size:1rem;
}

.listTips li {
	float:none;
	padding:0;
	width:auto;
}

.listTips li a {
	display:table;
	padding:15px;
}

.listTips li a:hover { opacity:1; }

.listTips li .image {
	width:80px;
}

.listTips li .text {
	padding-left:15px;
}


.listPress {
	font-size:14px;
	font-size:0.88rem;
}

.listPress li {
	padding:10px 15px;
}

.listPress li a {
	margin:-10px -15px;
	padding:10px 15px 10px 30px;
	background:transparent url("../images/icon_01_black.png") 15px 50% no-repeat;
	background-size:6px auto;
}

.listPress li a:hover { opacity:1; }

.listPress li .date {
	margin-bottom:3px;
	font-size:10px;
	font-size:0.63rem;
}

.listPress li a .date {
	padding-left:0;
}

.listPress li a .text {
	padding:0;
	background:none;
}


.listOthers {
	margin:0;
	font-size:17px;
	font-size:1.07rem;
}

.listOthers li {
	float:none;
	padding:0 15px;
	width:auto;
}

.listOthers li a:hover { opacity:1; }

.listOthers li .image {
	width:115px;
	overflow:hidden;
}

.listOthers li .image img {
	display:block;
	margin:0 -20px;
	width:155px;
}

.listOthers li .text {
	padding-left:15px;
}


}

@media screen and (max-width:350px){
.experimentBox .title {
	padding-left:25px;
}

.experimentBox .title .font12_sp {
	font-size:10px;
	font-size:0.63rem !important;
}
}